<form id="{$form.name}" name="{$form.name}">
<link rel="stylesheet" href="{$js_url}/jquery-ui/ui-openbiz/jquery.css" type="text/css" />
{literal}
<style>
.ui-tabs-panel .input_row{
width:645px;
padding-bottom:0px;
}
.ui-tabs-panel .odd{
background-color:#efefef;
width:645px;
}
.ui-tabs-panel table.input_row td.label_text{
padding-top:4px;
height:20px;
}
.ui-tabs-panel .input_row label {
padding-left:20px;
line-height:24px;
}
</style>
{/literal}
<div style="padding-left:35px; padding-right:30px;">
{include file="system_appbuilder_btn.tpl.html"}
	
	<div style="padding-left:0px;height:125px;" >
	<h2><span class="title_id" style="margin-right:10px;">{$form.currentRecordId}</span>{$form.title}</h2>
	<table><tr><td>
		{if $form.icon !='' }
		<div class="form_icon" style="padding:0px;width:90px;padding-top:5px;"><img  src="{$form.icon}" border="0" /></div>
		{/if}
	
		<div style="float:left; width:555px;padding-top:10px;">
			{if $dataPanel.fld_form_title.element}
			<h1 style="padding-bottom:10px;">
			{$dataPanel.fld_form_title.element}
			</h1>
			{/if} 
			{if $dataPanel.fld_form_description.element}
			<div class="input_row" style="line-height:20px;padding-bottom:5px;">		
			{$dataPanel.fld_form_description.element}
			</div>
			{else}
			<div style="height:15px;"></div>
			{/if}
		</div>
	</td></tr></table>
	</div>
	
	<div>
			{assign var=item value=$dataPanel.fld_location}	
			<table  class="input_row">				
			<tr>	
				<td >			
					<label style="text-align:left;">{$item.label}</label>			
				</td>
				<td>
					<span class="label_text" style="width:250px;">{$item.element}</span>
				</td>		
			</tr> 
			</table>				
			
			{assign var=item value=$dataPanel.fld_start_time}	
			<table  class="input_row">				
			<tr>	
				<td >			
					<label style="text-align:left;">{$item.label}</label>			
				</td>
				<td>
					<span class="label_text" style="width:230px;">{$item.element}</span>
				</td>		
						
			{assign var=item value=$dataPanel.fld_end_time}	
			
				<td >			
					<label style="text-align:left;">{$item.label}</label>			
				</td>
				<td>
					<span class="label_text" style="width:230px;">{$item.element}</span>
				</td>		
			</tr> 
			</table>
			
			
			{assign var=item value=$dataPanel.fld_recurrence}	
			<table  class="input_row">				
			<tr>	
				<td >			
					<label style="text-align:left;">{$item.label}</label>			
				</td>
				<td>
					<span class="label_text" style="width:230px;">{$item.element}</span>
				</td>		
						
			{assign var=item value=$dataPanel.fld_all_day}	
			
				<td >			
					<label style="text-align:left;">{$item.label}</label>			
				</td>
				<td>
					<span class="label_text" style="width:230px;">{$item.element}</span>
				</td>		
			</tr> 
			</table>
			
			{assign var=item value=$dataPanel.fld_description}	
			<table  class="input_row">				
			<tr>	
				<td >			
					<label style="text-align:left;">{$item.label}</label>			
				</td>
				<td>
					<span class="label_textarea" style="width:500px;">{$item.element}</span>
				</td>		
			</tr> 
			</table>
			
	</div>
	
	

<!-- Misc Section -->
		<div class="underline upline" >
				<div id="element_set_panel_5" class="element_set_panel">
				<table ><tr><td>		
			{foreach item=item key=itemName from=$dataPanel}
				{if $item.elementsetcode eq "Data Type"}
						
				{if $item.type eq 'CKEditor' or $item.type eq 'RichText' 
				or $item.type eq 'Textarea' or $item.type eq 'LabelTextarea'
				or $item.type eq 'LabelTextarea' or $item.type eq 'LabelImage'
				 or $item.type eq 'RawData'
				 or $item.type eq 'IDCardReader'
				}
				<table  id="{$itemName}_container" class="input_row" style="height:auto;">
				<tr>
				<td style="width:80px;">	
					<label style="text-align:left">{$item.label}</label>
				</td>
				<td>
					{if $errors.$itemName}
					<span class="input_error_msg" style="width:240px;">{$errors.$itemName}</span>
					{elseif $item.description}
					<span class="input_desc" style="width:240px;">{$item.description}</span>			
					{/if}
				</td>
				</tr>
				<tr><td colspan="2" align="center" >
					<span class="label_textarea" style="{if $item.width}width:{$item.width+15}px;{else}{if $default_label_textarea_width}{$default_label_textarea_width}{else}width:655px;{/if}{/if}">{$item.element}</span>
								
				</td></tr>
				</table>		
			{else}
				{if $item.type eq 'Hidden' }
				<table  id="{$itemName}_container" class="input_row" style="display:none">
				{else}
				<table  id="{$itemName}_container" class="input_row">
				{/if}					
				<tr>
				<td >	
					<label style="text-align:left">{$item.label}</label>
				</td>
				<td>
				{if $item.type eq 'Checkbox' }
					<span class="label_text" >{$item.element} {$item.description}</span>
				{else}
					<span class="label_text" style="float:left;{if $item.width}width:{$item.width}px;{else}{if $default_label_text_width}{$default_label_text_width}{else}width:250px;{/if}{/if}">{$item.element}</span>
					{if $errors.$itemName}
					<span class="input_error_msg" style="width:240px;">{$errors.$itemName}</span>
					{elseif $item.description}
					<span class="input_desc" style="width:240px;">{$item.description}</span>			
					{/if}				
				{/if}					
					</td>
				</tr>
				</table>
			{/if}
					
				{/if}						
			{/foreach}	
			</td></tr></table>	
			</div>		
		</div>		
		
		{if $dataPanel.fld_extend_fields.element}
		<!-- Ext Fields Section -->		
		<div class="underline" >		
				<div id="element_set_panel_ext" class="element_set_panel">
				{$dataPanel.fld_extend_fields.element}
			</div>		
		</div>
		{/if}	
	

	
		<div style="height:10px;"></div>
	 	{if $actionPanel|@count > 0}
		<p class="input_row">
			
			{foreach item=elem from=$actionPanel}
				{$elem.element}
			{/foreach}
		</p>
		{/if}

	{if $errors}
	    <div id='errorsDiv' class='innerError errorBox'>
	    {foreach item=errMsg from=$errors}
	        <div>{$errMsg}</div>
	    {/foreach}
	    {literal}<script>setTimeout("$('errorsDiv').fade( {from: 1, to: 0});",3000);</script>{/literal}
	    </div>
	{/if}
	
	{if $notices}
	    <div id='noticeDiv' class='noticeBox' >
	    {foreach item=noticeMsg from=$notices}
	        <div>{$noticeMsg}</div>
	    {/foreach}
	    </div>
	    {literal}<script>setTimeout("$('noticeDiv').fade( {from: 1, to: 0});",3000);</script>{/literal}
	{/if}
	
		<div style="height:15px;">
		<div id='{$form.name}.load_disp' style="display:none;">
		<img  src="{$image_url}/form_ajax_loader.gif"/>
		</div>
		</div>
	
</div>
</form>